<template>
  <div>
    <cus-modal
      ref="modal"
      width="540"
      :title="title"
    >
      <div style="overflow: auto; height: 250px; color: red">
        <div v-for="(item, index) in data" :key="index">{{ item }}</div>
      </div>
      <div slot="footer">
        <slot name="footer">
          <!-- <div class="modal-footer">
            <cus-button size="small" class="mr_2" @onClick="onCancel"
              >取消</cus-button
            >
            <cus-button
              type="primary"
              size="small"
              @onClick="onOk()"
              >确认</cus-button
            >
          </div> -->
        </slot>
      </div>
      <Spin size="large" fix v-if="loading"></Spin>
    </cus-modal>
  </div>
</template>

<script>

const form = {
};
export default {
  name: "excelErrorModal",
  computed: {},
  data() {
    return {
      loading: false,
      title: "提示：",// 标题
      form,
      data: [], //提交Excel效验接口返回提示err
    };
  },
  mounted() {
  },
  methods: {
    show() {
      this.loading = false;
      this.$refs["modal"].show = true;
    },
    //Excel报表导入确认事件
    onOk() {
      this.$emit("onOk")
    },
    //Excel报表导入取消事件
    onCancel() {
      this.$refs["modal"].show = false;
    },    
  },
  computed: {
  },
  watch: {},
};
</script>

<style lang="less" scoped>

</style>
